<template>
    <div class="sidebar">
      <el-container style="height:100%; border: 1px solid #eee">
    <el-aside width="200px"   style="background-color: rgb(238, 241, 246)">
      <el-menu  router :default-openeds="['1', '8']">
        <el-submenu index="/officeTable">
          <template slot="title"><i class="el-icon-user-solid"></i>我的办公桌</template>
          <el-menu-item-group>
            <el-menu-item index="/desk">办公桌</el-menu-item>
            <el-menu-item index="/consultingService">项目咨询部</el-menu-item>
            <el-menu-item index="1-3">企业服务部</el-menu-item>
            <el-menu-item index="1-4">任务中心</el-menu-item>
            <el-menu-item index="1-5">我的日程</el-menu-item>
            <el-menu-item index="1-6">个人统计</el-menu-item>
            <el-menu-item index="1-7">温馨提示</el-menu-item>
            <el-menu-item index="1-8">个人资料</el-menu-item>
          </el-menu-item-group>
        </el-submenu>
      </el-menu>
    </el-aside>
    <el-container>
      <el-main>
           <RouterView/>
      </el-main>
    </el-container>
  </el-container>
    </div>
  </template>
<script>
import { RouterView } from 'vue-router'

export default {
  name: 'sidebar',
  components: { RouterView },
}

</script>

  <style  scoped>
   .el-header {
      background-color: #B3C0D1;
      color: #333;
      line-height: 60px;
    }

    .el-aside {
      color: #333;
    }
  </style>
